<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8">
        <title>菜单</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no"/>
        <meta name="renderer" content="webkit"/>
        <meta name="force-rendering" content="webkit"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <link rel="stylesheet" href="/static/admin/static/component/pear/css/pear.css"/>
        <link href="/static/public/libs/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
    </head>
    <body>
        <form class="layui-form" lay-filter="addForm">
            <div class="mainBox">
                <div class="main-container">
                    <div class="layui-input-inline" style="display: none;">
                        <select lay-verify="" type="hidden"></select>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">
                                <span class="p-form-required">*</span>菜单名:
                            </label>
                            <div class="layui-input-inline">
                                <input type="text" name="name" required lay-verify="required"
                                       placeholder="请输入菜单名" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">
                                <span class="p-form-required">*</span>菜单链接:
                            </label>
                            <div class="layui-input-inline">
                                <input type="text" name="url" required lay-verify="required"
                                       placeholder="请输入菜单链接" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">
                                <span class="p-form-required">*</span>图标:
                            </label>
                            <div class="layui-input-inline">
                                <input type="text" id="icon" name="icon" placeholder="请输入图标"
                                       autocomplete="off"
                                       class="layui-input">
                            </div>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">
                                <label class="layui-form-label">序号:</label>
                            </label>
                            <div class="layui-input-inline">
                                <input type="text" name="seq"
                                       oninput="value=value.replace(/[^\d]/g,'')"
                                       placeholder="请输入序号" autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">
                                <span class="p-form-required">*</span>打开方式:
                            </label>
                            <div class="layui-input-inline">
                                <select name="target" lay-verify="required">
                                    <option value="1">新窗口</option>
                                    <option value="0">本页</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">
                                <span class="p-form-required">*</span>状态:
                            </label>
                            <div class="layui-input-inline">
                                <select name="status" lay-verify="required">
                                    <option value="0">正常</option>
                                    <option value="1">禁用</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-inline">
                            <label class="layui-form-label">
                                <span class="p-form-required">*</span>菜单类型:
                            </label>
                            <div class="layui-input-inline">
                                <select name="type" lay-verify="required">
                                    <option value="0">前端</option>
                                    <option value="1">后端</option>
                                </select>
                            </div>
                        </div>
                        <div class="layui-inline">
                            <label class="layui-form-label">
                                <label class="layui-form-label">父节点:</label>
                            </label>
                            <div class="layui-input-block">
                                <ul id="pid" name="pid" class="dtree" data-id="0"></ul>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">
                            角色:
                        </label>
                        <div class="layui-input-block">
                            <div id="demo1" class="xm-select-demo" name="roles"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bottom">
                <div class="button-container">
                    <button type="button" lay-submit lay-filter="addForm" class="pear-btn pear-btn-primary pear-btn-sm">
                        <i class="fa fa-check" aria-hidden="true"></i>
                        确定
                    </button>
                    <button type="button" class="pear-btn pear-btn-sm p-cancel-btn">
                        <i class="fa fa-close" aria-hidden="true"></i>
                        取消
                    </button>
                </div>
            </div>
        </form>

        <script src="/static/public/libs/layui-v2.5.6/layui/layui.js"></script>
        <script src="/static/admin/static/component/pear/pear.js"></script>
        <script>
            window.selectInitVal = '#(pMenu.id)';
        </script>
        <script src="/static/admin/pages/menu/js/menu_add.js?v=#(version)"></script>
    </body>
</html>
